<template>
  <div class="main">
    <nav class="nav flex flex-row gap-2">
      <router-link to="/">Home</router-link>
      <router-link to="/about">About</router-link>
    </nav>
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  const test = ref('')
  console.log(test)
</script>

<style scoped lang="scss">
  .main{
    position: relative;
    .nav{
      position: sticky;top: 0;
    }
  }
</style>
